*{
    margin: 0;
    padding: 0;
}
body{
    line-height: 0;
}
.download{
    .downloadApp{
        width: 100%;
        height: 2.5rem;
        background: url("https://h2.vipstatic.com/ms2-m.vipstatic.com/static_v2/img/download-banner.9c5f7be.jpg");
        background-size: 100%;
        .deleteButton{
            display: inline-block;
            position: relative;
            width: 1.2rem;
            height: 1.2rem;
            color: #fff;
            opacity: .6;
            .icon-shanchu2 {
                position: absolute;
                left: .2rem;
                top: -.5rem;
                font-size: .7rem;
            }      
        }
        .downloadText{
            margin-top: .25rem;
            margin-left: 3.5rem;
            height: 2rem;
            display: inline-block;
            .downloadTitle {
                margin-top: .1rem;
                font-size: .7rem ;
                height: 1rem;
                line-height: 1rem;
                color: #fff;
                margin-bottom: 0;
            }
            .downloadBottom{
                margin-top: -.1rem;
                font-size: .6rem ;
                height: 1rem;
                line-height: 1rem;
                color: #fff;
                opacity: .6;
                transform: scale(.8);
                margin-left: -.8rem;
            }
        }
    }
    .downloadPrivacy{
        position: relative;
        height: .75rem; 
        line-height: .75rem;
        color: #666;
        background-color: #fff;
        .edition {
            position: absolute;
            left: -1rem;
            display: inline-block;
            font-size: .6rem;
            transform: scale(.7);
        }
        .Privacy{
            position: absolute;
            right: 2rem;
            display: inline-block;
            font-size: .6rem;
            transform: scale(.7);
            a{
                color: #666;
            }
            span {
                margin: 0 .1rem;
            }
        }
    }
}
.headerContainer{
    background-color: #f9f9fa;
    .headerTitle{
        height: 2.2rem;
        width: auto;
        .headerLogo{
            display: inline-block;
            padding-top: .6rem;
            img {
                height: 1rem;
                margin-left: .5rem;
            }
            i {
                width: .02667rem;
                height: 1rem;
                background: #eaebef;
                border-radius: .05333rem;
                display: inline-block;
            }
            span {
                font-size: .7rem;
                color: #98989f;
                display: inline-block;
                margin-top: -.5rem;
                vertical-align: middle;
            }
        }
        .headerLogin {
            display: inline-block;
            height: 2.2rem;
            line-height: 2.2rem;
            color: #585c64;
            float: right;
            span {
                display: inline-block;
                font-size: .7rem;
                margin-top: -1rem;
                vertical-align: middle;
                margin-top: -.4rem;
                margin-right: .7rem;
            }
            a {
                display: inline-block;
                width: 1.2rem;
                height: 1.2rem;
                background: url("");
                background-size: 100%;
                margin-top: -.5rem;
                vertical-align: middle;
                margin-right: .5rem;
            }
        }
    }
    .search {
        text-align: center;
        height: 2.2rem;
        border-radius: 2.66667rem;
        input{
            height: 1.4rem;
            width: 95%;
            border-radius: 2rem;
            border: 1px solid #ccc;;
            background-color: inherit;
            text-align: left;
            font-size: .7rem;
            &::placeholder {
                color: #98989f;
            }
        }
    }
    .tab {
        padding: 0 5vw;
        text-align: center;
        margin-bottom: .1rem;
        ul{
            width: 90vw;
            display: flex;
            justify-content: space-between;
            li {
                color: #666;
                width: 22.5vw;
                text-align: center;
                display: inline-block;
                font-size: .7rem;
                &:first-of-type {
                    color: rgb(211, 75, 168);
                }
                span {
                    display: block;
                    width: 1.2rem;
                    height: .15rem;
                    background:rgb(211, 75, 168);
                    margin-left: 1.5rem;
                    margin-top: .2rem;
                }
            }
        }
        
    }
}
.container {
    .endorsement {
        position: relative;
        
        &>img {
            width: 100%;
            height: auto;
        }
        ul{
            width: 94%;
            position: absolute;
            top: 80%;
            left: 50%;
            transform: translate(-50%,-80%);
            display: flex;
            justify-content: space-between;
            li{
                display: inline-block;
                img{
                    display: inline-block;
                    width: 5.7rem;
                    height: 7.8rem;
                }
            }
        }
    }
    .rushToBuy {
        position: relative;
        top: -.425rem;
        .rushTop {
            height: .425rem;
            img {
                height: 100%;
                width: auto;
            }
        }
        .rushContainer {
            font-size: .6rem;
            position: relative;
            background: url("https://h2.appsimg.com/b.appsimg.com/upload/momin/2021/09/18/89/1631964884221_750x250_90.png");
            height: 6.25rem;
            background-size: 100%;
            .rushTitle {
                &>span {
                    position: absolute;
                    bottom: 1.4rem;
                    left: .9rem;
                    color: #fff;
                    transform: scale(.9);
                }
                ul{
                    position: absolute;
                    bottom: .5rem;
                    right: .9rem;
                    li{
                        text-align: center;
                        width: 3.2rem;
                        color: #fff;
                        display: inline-block;
                        img {
                            display: block;
                            margin: auto;
                            height: 1.125rem;
                            margin-bottom: .8rem;
                        }
                        span{
                            overflow: hidden;
                            width: 100%;
                            display: inline-block;
                            &:nth-of-type(1){
                                height: .85rem;
                                line-height: .85rem;
                            }
                            &:nth-of-type(2){
                                opacity: .8;
                                transform: scale(.9);
                                margin-top: -1rem;
                            }
                        }
                    }
                }
                .list{
                    position: absolute;
                    top:27%;
                    text-align: center;
                    width: 3.2rem;
                    color: #fff;
                    display: inline-block;
                    img {
                        display: block;
                        margin: auto;
                        height: 1.125rem;
                        margin-bottom: .8rem;
                    }
                    span{
                        overflow: hidden;
                        width: 100%;
                        display: inline-block;
                        &:nth-of-type(1){
                            height: .85rem;
                            line-height: .85rem;
                        }
                        &:nth-of-type(2){
                            opacity: .8;
                            transform: scale(.9);
                            margin-top: -1rem;
                        }
                    }
                    &:nth-of-type(1){
                        left: 24%;
                    }
                    &:nth-of-type(2){
                        left: 42%;
                    }
                    &:nth-of-type(3){
                        left: 60%;
                    }
                    &:nth-of-type(4){
                        left: 78%;
                    }
                }
            }
        }
    }
    .grab {
        height: 5.7rem;
        .rushContainer{
            height: inherit;
            background: url("https://h2.appsimg.com/b.appsimg.com/upload/momin/2021/09/18/113/1631964968560_750x228_90.png");
            background-size: 100%;
            .rushTitle {
                &>span{
                    bottom: 1.1rem;
                    left: 1.2rem;
                }
                .list {
                    top: 10%;
                    img {
                        width: 3.05rem;
                        height: 3.05rem;
                        margin-bottom: -.1rem;
                    }
                    span {
                        color: #222;
                        &:nth-of-type(1){
                            margin-bottom: -.3rem;
                        }
                        &:nth-of-type(2){
                            text-decoration: line-through;
                        }
                    }
                }
            }
        }
        
    } 
    .sale {
        position: relative;
        margin-top: -.425rem;
        img {
            width: 100%;
            height: auto;
        }
        .list{
            position: absolute;
            top: 23%;
            text-align: center;
            width: 4rem;
            color: #fff;
            display: inline-block;
            z-index: 99;
            img {
                display: block;
                margin: auto;     
                &:nth-of-type(1){
                    height: 4rem;
                    width: auto;
                }
                &:nth-of-type(2){
                    height: 0.875rem;
                    width: auto;
                }
            }
            span{
                overflow: hidden;
                width: 100%;
                display: inline-block;
                &:nth-of-type(1){
                    color: #f0525e;
                    font-size:.65rem ;
                }
                &:nth-of-type(2){
                    color: #888787;
                    font-size: .6rem;
                    transform: scale(0.8);
                    margin-top: -1.2rem;
                    display: inline-block;
                    vertical-align: middle;
                }
            }
            &:nth-of-type(1){
                left: 5%;
            }
            &:nth-of-type(2){
                left: 26%;
            }
            &:nth-of-type(3){
                left: 52%;
            }
            &:nth-of-type(4){
                left: 75%;
            }
        }
    }
    .img {
        width: 100%;
        img {
            width: 100%;
            height: auto;
        }
    }
    .containerList{
        margin-top: -.4rem;
        .list{
            img{
                width: 100%;
                height: auto;
            }
            .mui-card-footer{
                height: 3.3rem;
                display: block;
            }
            .listTitle {
                display: flex;
                justify-content: space-between;
                margin-bottom: 0;
                &>span:nth-of-type(1){
                    font-size: .7rem;
                    color: rgb(34, 34, 34);
                }
                &>span:nth-of-type(2){
                    font-size: .6rem;
                    color: rgb(152, 152, 159);
                }
            }
            .listPrice{
                font-size: .6rem;
                &>span:nth-of-type(1){  
                    color: rgb(222, 61, 150);
                }
                &>span:nth-of-type(2){
                    color: rgb(88, 92, 100);
                }
            }
        }
    }
}
.shoppingCar {
    position: fixed;
    bottom: 1rem;
    left: .4rem;
    width: 2.2rem;
    height: 2.2rem;
    background-color: rgba(25,29,38,.95);
    border-radius: 50%;
    .icon-gouwuchekong{
        font-size: 1.2rem;
        margin-top: .6rem;
        margin-left: .5rem;
        display: inline-block;
        color: #fff;
    }
}
.goTop {
    position: fixed;
    bottom: 1rem;
    right: .4rem;
    width: 2.2rem;
    height: 2.2rem;
    background-color: rgba(25,29,38,.95);
    border-radius: 50%;
    .icon-jiantou_xiangshang{
        font-size: 1.2rem;
        margin-top: .6rem;
        margin-left: .45rem;
        display: inline-block;
        color: #fff;
    }
}
@media screen and (min-width:768px ) {
    .container{
        width: 540px;
        margin: auto;
    }
    html{
        font-size: 29px !important;
    }
    .sale .list span:nth-of-type(2){
        margin-top: -.3rem !important;
    }
    .mui-card-footer{
        height: 2.5rem !important;
    }
}
